<template>
	<div :class="['mui-numbox',goodsId]" data-numbox-min='1' style="height: 25px;">
		<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
		<input class="mui-input-numbox" type="number" :value="val" ref="numbox" @change="countChange"/>
		<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
	</div>
</template>

<script>
	import mui from '../../lib/mui/js/mui.min.js'
	export default{
		mounted() {
			mui(".mui-numbox").numbox();
			mui("."+this.goodsId).numbox().setOption('max',this.max);
		},
		methods:{
			countChange(){
				var info = {
					id:this.goodsId,
					count:this.$refs.numbox.value
				}
				this.$store.commit("updateCount",info)
			}
		},
		props:["max","val","goodsId"]
	}
</script>

<style>
</style>
